// @flow

import React from "react";

const Twitter = ({ size, color = "currentColor" }: { size: number, color: string }) => (
  <svg viewBox="0 0 24 25" height={size} width={size}>
    <path
      fill={color}
      d="M19.5332 8.51562C20.2754 7.95898 20.9434 7.29102 21.4629 6.51172C20.7949 6.80859 20.0156 7.03125 19.2363 7.10547C20.0527 6.62305 20.6465 5.88086 20.9434 4.95312C20.2012 5.39844 19.3477 5.73242 18.4941 5.91797C17.752 5.13867 16.75 4.69336 15.6367 4.69336C13.4844 4.69336 11.7402 6.4375 11.7402 8.58984C11.7402 8.88672 11.7773 9.18359 11.8516 9.48047C8.62305 9.29492 5.72852 7.73633 3.79883 5.39844C3.46484 5.95508 3.2793 6.62305 3.2793 7.36523C3.2793 8.70117 3.94727 9.88867 5.02344 10.5938C4.39258 10.5566 3.76172 10.4082 3.24219 10.1113V10.1484C3.24219 12.041 4.57812 13.5996 6.35938 13.9707C6.0625 14.0449 5.69141 14.1191 5.35742 14.1191C5.09766 14.1191 4.875 14.082 4.61523 14.0449C5.09766 15.6035 6.54492 16.7168 8.25195 16.7539C6.91602 17.793 5.24609 18.4238 3.42773 18.4238C3.09375 18.4238 2.79688 18.3867 2.5 18.3496C4.20703 19.4629 6.24805 20.0938 8.47461 20.0938C15.6367 20.0938 19.5332 14.1934 19.5332 9.03516C19.5332 8.84961 19.5332 8.70117 19.5332 8.51562Z"
    />
  </svg>
);

export default Twitter;
